<template>
  <div style="padding: 10px 0px;background-color: rgb(239, 238, 238);">
    <!-- <div style="height: 80px;background-color: #fff;margin-bottom:10px;padding:10px 20px !important;display:flex;align-items:center;justify-content: space-between;">
      <div style="font-size: 25px;font-weight: bold;display: flex;align-items: center;"><svg width="32" height="32" style="margin-right: 10px;" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.85786 32.7574C6.23858 33.8432 4 35.3432 4 37C4 40.3137 12.9543 43 24 43C35.0457 43 44 40.3137 44 37C44 35.3432 41.7614 33.8432 38.1421 32.7574" stroke="#666666" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 35C24 35 37 26.504 37 16.6818C37 9.67784 31.1797 4 24 4C16.8203 4 11 9.67784 11 16.6818C11 26.504 24 35 24 35Z" fill="none" stroke="#666666" stroke-width="4" stroke-linejoin="round"/><path d="M24 22C26.7614 22 29 19.7614 29 17C29 14.2386 26.7614 12 24 12C21.2386 12 19 14.2386 19 17C19 19.7614 21.2386 22 24 22Z" fill="none" stroke="#666666" stroke-width="4" stroke-linejoin="round"/></svg>GPS数据分析</div>
      <div>
        <span style="font-size:15px;">选择检材：</span>
      <el-select :popper-append-to-body="false" @change="selectFunction()"  v-model="value1" placeholder="请选择活动区域">
          <el-option :label="item" :value="item" v-for="(item,index) in proofList" :key="index"></el-option>
      </el-select>
      </div>
    </div> -->
    <div style="width: 100%;height: 800px;">
        <mapChart ref="mapRef" v-if="value1" :value1="value1"/>
    </div>
  </div>
</template>

<script>
import mapChart from './mapChart.vue'
import { getProofListApi } from '@/api/proofOnly/index'

export default {
    name:'mapAnalyze',
    components:{
        mapChart
    },
    data(){
        return{
          proofList:[],
          value1:'',
        }
    },
    mounted(){

    },

    created(){
      this.initMap();
    },
    methods:{
      selectFunction(){
          // this.$refs.mapRef.initMapData()
      },
      initMap(){
        this.value1 = sessionStorage.getItem('analyzeProof');

        // getProofListApi({}).then(res=>{
        //   if(res.data.length>0){
        //     this.proofList = res.data;
        //     this.value1 = res.data[1]
        //   }
        // }).catch(res=>{

        // })
      }
    }
}
</script>

<style>

</style>